<!--<div class="componentheading"><?php echo $page_title;?></div>-->
<div><?php global_message(); ?></div>

<form method="post" id="newForm">
<div class="box-header">My Profile</div>
<div class="box table">
<table width="100%">
    <tr>
        <td width="25%"><strong>First Name</strong></td>
        <td width="75%"><input type="text" class="required" name="first_name" id="first_name" value="<?php echo $_user->first_name;?>" /></td>
    </tr>
    <tr>
    	<td><strong>Last Name</strong></td>
        <td><input type="text" class="required" name="last_name" id="last_name" value="<?php echo $_user->last_name;?>" /></td>
    </tr>
    <tr>
    	<td><strong>Username</strong></td>
        <td><input type="text" class="required" name="username" id="username" value="<?php echo $_user->username;?>" /></td>
    </tr>
    <tr>
    	<td><strong>Password</strong></td>
        <td><input type="password" class="" name="password" id="password" value="" /></td>
    </tr>
    <tr>
    	<td><strong>Confirm Password</strong></td>
        <td><input type="password" class="" name="re_password" id="re_password" value="" /></td>
    </tr>
    <tr>
    	<td><strong>Email</strong></td>
        <td><input type="text" class="required email" name="email" id="email" value="<?php echo $_user->email;?>" /></td>
    </tr>
   
    <tr>
    	<td>&nbsp;</td>
        <td>
            <input type="submit" name="submit_profile" id="submit_profile" value="Update">
        </td>
    </tr>
</table>
</div>
</form>
<script>
$(document).ready(function(){
	//initialize jquery validation
	$('#newForm').validate({
		rules: {
            password: {
                minlength: 6
            },
            re_password: {
                equalTo: "#password"
            }

        },
        messages: {
            password: {
                minlength: "Please enter password of more than 6 characters"
            },
            re_password: {
                equalTo: "Your Password does not match"
            }
        }					   
	});
								
});

</script>
